/* 自定义样式 - 用于覆盖默认样式并调整为系统主题 */

/* 侧边栏菜单激活项样式 */
.sidebar-container {
  /* 添加微妙的渐变背景 */
  background: linear-gradient(to bottom, #6abe82, #5fb178) !important;

  /* 菜单文字颜色 */
  .el-menu {
    border-right: none;
  }

  .el-menu-item, .el-sub-menu__title {
    color: #e1ffe1 !important; /* 亮绿色文字 */
    font-size: 15px;
    letter-spacing: 1px;
  }

  .el-menu-item.is-active {
    background-color: rgba(255, 255, 255, 0.15) !important; /* 使用白色半透明背景 */
    border-right: 3px solid #ffffff !important; /* 白色边框 */
  }

  /* 菜单项悬停效果增强 */
  .el-menu-item:hover,
  .el-sub-menu__title:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding-left: 22px !important; /* 轻微的缩进效果 */
    color: #ffffff !important; /* 悬停时变为白色 */
  }

  /* 子菜单项激活样式 */
  .el-sub-menu.is-active .el-sub-menu__title {
    color: #ffffff !important;
    border-right: 3px solid #ffffff !important;
  }

  /* Logo区域样式微调 */
  .logo-container {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;

    .logo-title {
      color: #e1ffe1 !important; /* 亮绿色标题 */
      font-weight: 600 !important;
      letter-spacing: 1px !important;
    }
  }

  /* 改善图标颜色 */
  .svg-icon {
    fill: #e1ffe1 !important; /* 亮绿色图标 */
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
  }

  /* 为菜单添加微妙的过渡效果 */
  .el-menu-item, .el-sub-menu__title {
    transition: all 0.3s ease-in-out;
    border-left: 3px solid transparent;

    &:hover {
      border-left: 3px solid rgba(255, 255, 255, 0.3); /* 减轻边框颜色 */
    }
  }

  /* 添加轻微的文字阴影提高可读性 */
  .el-menu-item, .el-sub-menu__title {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    font-weight: 500;
  }

  /* 子菜单背景 */
  .el-menu--inline {
    background: linear-gradient(to bottom, #7ec992, #72c287) !important;

    .el-menu-item {
      color: #e1ffe1 !important; /* 保持亮绿色文字一致性 */

      &.is-active {
        color: #ffffff !important; /* 活跃项保持白色 */
      }
    }
  }
}
